<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>电子地图下载器</title>
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css" />   
    <link rel="stylesheet" href="https://unpkg.com/@geoman-io/leaflet-geoman-free@latest/dist/leaflet-geoman.css" />
    <script type="text/javascript" src="jquery.min.js"></script>
    <style>
      html, body, #map {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <div style="position:absolute;top:10px;right:10px;z-index:999;background: #0000007d;padding: 5px;color: #fff;border-radius: 5px;">
      最小级别: <input type="text" id="minZoom" value="3" style="width:100px;">
      最大级别: <input type="text" id="maxZoom" value="18" style="width:100px;">
      <button type="button" id="downloadMap_Btn">下载瓦片</button>
    </div>
    <script src="./bundle.js"></script>
  </body>
</html>
